<script setup lang="ts">
import { inject } from 'vue'
const inMicroApp = inject('inMicroApp')
const host = inject('host')
import image from '@/assets/Snipaste_2025-04-03_00-53-52.jpg'
const renderSrc = host+image

import { useCounterStore } from 'mainApp/useCounterStore'
const counterStore = useCounterStore()
</script>

<template>
  <div>
    <div class="test">RemotePage.vue1</div>
    <div class="test">
      <div>{{ $attrs }}</div>
      <div @click="counterStore.increment">加</div>
      <div>{{ counterStore.count }}</div>
      <div>{{ inMicroApp }}</div>

      <!--    <img :src="renderSrc" alt="">-->
    </div>
  </div>
</template>

<style scoped>
.test {
  color: red;
  font-size: 30px;
  background-image: url('@/assets/Snipaste_2025-04-03_00-53-52.jpg');
}
</style>
